html, body, div, table, img, fieldset {
   border: 0;
   margin: 0;
   padding: 0;
}

html {
   overflow: scroll;

}

body, pre, PRE {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #484848;
   background-color: #ffffff;
}

/* for some reson IE things a form should have dimensions, */
form {
   padding: 0px;
   margin: 0px;
}

table {
   font-size: 11px;
}

ul {
   margin-left: 15px;
   padding: 0;
}

li {
   list-style: none;
   background: url( '../xmlhttp/css/rime/css-images/bullet.gif' ) no-repeat 0 3px;
   padding-left: 22px;
   padding-bottom: 3px;
}
h1 {
   font: 22px tahoma;
   color: #646464;
   text-align:center;
   color: #646464;
}
h2 {
   font: 18px tahoma;
   color: #646464;
}
.preload{display:none;}

.btn {
   font: bold 12px Arial, Sans-serif;
   height: 24px;
   width: 120px;
   margin: 0;
   padding: 2px 3px;
   background: #E0E3EB url(../images/button/btn-enabled.gif) repeat-x 0 0;
   border: none;
}

.btn2 {
   font: bold 12px Arial, Sans-serif;
   height: 24px;
   width: 140px;
   margin: 0;
   padding: 2px 3px;
   background: #E0E3EB url(../images/button/btn-enabled.gif) repeat-x 0 0;
   border: none;
}

.btn:hover {
   font: bold 12px Arial, Sans-serif;
   height: 24px;
   margin: 0;
   padding: 2px 3px;
   background: #F4F7FE url(../images/button/btn-roll.gif) repeat-x top;
   border: none;
}

.btn2:hover {
   font: bold 12px Arial, Sans-serif;
   height: 24px;
   margin: 0;
   padding: 2px 3px;
   background: #F4F7FE url(../images/button/btn-roll.gif) repeat-x top;
   border: none;
}

.btnDis {
   background:#D1D4DB url(../images/button/btn-disabled.gif) repeat-x top;
   color:#7C7D82;
   border-top-color:#CCCDD0;
   border-right-color:#BEBFC2;
   border-bottom-color:#AEAFB2;
   border-left-color:#BEBFC2;
}

/* STYLE */
div.clearer {
   clear:both;
   height:0px;
   visibility: hidden;
   line-height:.01em;
   padding:0;
   margin:0;
}

/* header begin */
.header_name{
   font-family: Arial;
   padding-top:5px;
   padding-bottom:5px;
   color:#FFFFFF;
   font-size:12px;
   font-weight:bold;
}
.header_title {
   padding-top:0px;
   padding-bottom:0px;
   color:#2b3d30;
   font-size:20px;
   font-weight:bold;
   vertical-align:middle;
}
div.header_content{
   height: 159px;
   background-image: url( './images/banner_logo.jpg' );
   background-repeat: no-repeat;
   background-position: right top;
   float:left;
   width:100%;
}

/* header end */

/* body start */

/* provides a continer to center a child div in */
div.body_container{
   float:left;
   margin-top:-80px;
   width:100%;
}
/* centers in parent as long as parent is larger then child*/
div.body_content {
   margin:0 auto;
   width:980px;
   padding-left: 25px;
}
div.body_content div{
   /*height: 100px;*/
}
div.navigationContainer {
   border: none;
   float: left;
   width:230px;
   border-bottom: 1px solid #d9d9d9;
}

/* margin-left should be updated along with the relative position of */
div.contentContainer {
   background: none;
   border: none;
   float:left;
   padding-left: 6px;
   width:720px;
}

table.componentTabSetContainer {
   width: 99%;
}

/* footer begin */
div.footer_container {
   float: left;
   width: 100%;
   height: 95px;
   min-width: 705px;
   background-image: url( './images/bgslice_footer.jpg' );
   background-repeat: repeat-x;
   background-position: bottom left;
}
div.footer_content{
   height: 95px;
   background-image: url( './images/footer_faces.jpg' );
   background-repeat: no-repeat;
   background-position: bottom right;
}

div.footer_content div{
   float:left;
   padding-top:60px;
   padding-left:10px;
   color: white;
}
div.footer_content a, div.footer_content a:hover{
   color: orange;
   text-decoration: none;
}
div.footer_content a{

}

div.footer_content a:hover{
   text-decoration: underline;
}
/* footer end */

/* controls the appearance of links throughout the application */
a:link, a:hover, a:visited, a:active {
   font-family: Tahoma, Helvetica, sans-serif;
   font-weight: normal;
   text-decoration: none;
   color: #000;
}
a:hover{
   color: #000033;
   text-decoration:underline
}
a:visited{
   /*color: #104e5b;*/
}
a:active{
   color: #318496;
}

/* doc view template decloration */
.docViewContainer, .docViewNavigation, .docViewContent{
   float:left;
}
.docViewNavigation, .docViewContent{
   height: 500px;
}
.docViewNavigation{
   width: 150px;
   overflow: scroll;
}
.docViewContent{
   width: 514px;
   border: 1px solid #D9D9D9;
}
.docViewContainer{
   width: 670px;
}
.docViewContainer a{
   color: #444444;
}
a.docViewNodeSelectedtrue{
   font-weight: bold;
}
.docViewContainer a:visited{
   color: #104e5b;
}
.docViewContainer a:hover{
   text-decoration: none;
   color: #318496;
}

.includeIframe{
   width:100%;
   height:100%;
   border: none;
   background-color: white;
   font-size: 11pt;
}

/* Main wrapper class for all component panels */
.componentBox {
   float: left;
   padding: 0 0 0 0;
}
/* Parent of componentBox when component panels are used in portlets */
.componentBoxPortlet{
   background-color:white;
}

.synopsisBox {
   border: none;
   min-height: 36px;
   padding: 0 0 0 50px;
   background: url( './images/icon_info.gif' ) no-repeat top left;
   display: block;
}

.panelBox {
   margin: 5px 5px 0 0;
   padding: 5px;
   background: #FFF;
   border: 1px solid #d9d9d9;

 
   
}



.synopsisBox .iceOutTxt {
   display: block;
}

/* 2 + 13 =15 or the panelBox margin. */
/* give outline effect for server chagned values boxes. */
.backBeanChangeContainer{
   padding: 0;
}

.backBeanChangeTitle{
   margin: 0;
   height: 20px;
   width: 275px;
   padding: 6px 0 0 8px;
   background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
   border-bottom: 1px solid #d9d9d9;
}

.backBeanChangeBody{
   padding:2px;
}

.backBeanChangeBody > div.icePnlGrp:first-child {
   padding: 15px;
   background-color: white;
}

.iceOutTxt {
   color: #484848;
}

.iceSelOneRb-dis {
   border: 0;
   background-color: #FFFFFF;
   color: #444444;
}

h3 {
   font: 11px tahoma;
   font-weight: bold;
   margin: 0 0 10px 0;
}

.columnsColumn {
   border: none;
}

/*
------------- Theme Controller
*/

.themeControlContainer {
   /*float:left;*/
   border:1px solid #D9D9D9;
   height:28px;
   margin-bottom:7px;
   padding: 7px 5px 5px 5px;
   text-align:left;
   vertical-align:middle;
   white-space: nowrap;
}

.themeControlContainer .changeThemeButton {
   border: 1px solid #d9d9d9;
   display:inline;
   margin-top:3px;
   padding: 4px 25px 4px 10px;
   width: 70px;
   background-image: url('./images/theme_refresh.png');
   background-position: right center;
   background-repeat: no-repeat;
}

.themeSelectOneMenu {
   margin:0;
   padding:0;
   margin-left: 3px;
   margin-right: 3px;
   margin-top:5px;
   border: 1px solid #d9d9d9;
   /*padding-top: 2px;*/
   width: 90px;
}

.themeControlContainer a {
   color: #444;
}

/*
------------- Navigation Tree 
*/
.navigationTree{

}
.navigationTreeRow {
   white-space: nowrap;
   vertical-align: middle;
   padding: 0;
}

.navigationTreeRow a {
   text-decoration: none;
   color: #000000;
   cursor: pointer;
   padding: 0;
   padding-left: 3px;
   vertical-align: middle;
}

.navigationTreeRow a:hover {
   text-decoration: underline;
}

.navigationTreeRow img {
   border: 0;
   vertical-align: middle;
   background-repeat: repeat-y;
   padding: 0;
}
.navigationTreeRow > img{
   width: 16px;
}


.navigationTreeRow a img {
   /* vertical-align: top; - Bug in FF, when img has focus it is not highlighted with a box.*/
   background-repeat: repeat-y;
   border: 0;
   padding: 0;
}

.navigationTreeRow * div {
   padding: 0;
   vertical-align: middle;
}



/* node selection and rollover state. */
a.navNodeSelecttrue:hover, a.navNodeSelectfalse:hover {
   color: #318496;
   text-decoration: none;
   padding-left: 16px;
   background: url( './images/navigation_tree/tree_node_rollover.gif' ) no-repeat left center;
}

a.navNodeSelecttrue:visited, a.navNodeSelectfalse:visited {
   /*color: #104e5b;*/
}

a.navNodeSelecttrue {
   font-weight: bold;
   padding-left: 16px;
   background: url( './images/navigation_tree/tree_node_selected.gif' ) no-repeat left center;
}

a.navNodeSelectfalse {
   padding-left: 16px;
   background: url( './images/navigation_tree/tree_node.gif' ) no-repeat left center;
}

a.navNodeFoldertrueExpandedfalse, a.navNodeFoldertrueExpandedfalse:hover{
   padding-left: 20px;
   background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat left center;
}

a.navNodeFoldertrueExpandedtrue, a.navNodeFoldertrueExpandedtrue:hover{
   padding-left: 20px;
   background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat left center;
}

/*
---------- end tree
*/

/* drag and drop demo */
.dndCartDesc span:first-child {
   font-weight: bold;
}
.dndCartDesc{
   margin-top:15px;
   margin-bottom:5px;
   float:left;
}
.inventoryItemContainer{
   float: left;
   margin: 8px;
   border: 1px solid #d9d9d9;
   width: 100px;
}
.inventoryItemContainer div{
   text-align: center;
}

.chartContainer{
   float:left;
   width: 462px;
   border: 1px solid #d9d9d9;
}
.returnItemButton {
   border: 1px solid #d9d9d9;
   background-color: white;
   display:inline;
   padding: 4px 25px 4px 10px;
   background-image: url('../images/dragDrop/return_arrow.png');
   background-position: right center;
   background-repeat: no-repeat;
}
.cartDropTarget{
   background-color: #fda505;
}

/* effects demo */
.effectWrapperContainer{
   float:left;
   margin: 15px;
   width: 125px;
   height: 80px;
   padding: 2px;
}
.effectWrapperContainer:hover {
   text-decoration: none;
}
.effectsDemoContainer{
   float:left;
   width: 125px;
   height: 80px;
   vertical-align: middle;
   text-align: center;
   border: 1px solid #d9d9d9;
   overflow: hidden;
   background:url('../images/effect_gradient.gif') bottom left repeat-x;
}
.effectsDemoContainer > div{
   float:left;
   width:100%;
   font: 11px tahoma;
   vertical-align: middle;
   text-align: center;
   color: #484848;
   /*padding: 7px;*/
   font-weight: bold;
}
.effectsDemoTitle{
   background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x center left;
   border-bottom: 1px solid #d9d9d9;
}
.effectsDemoContainer:hover {
   cursor: pointer;
   text-decoration: none;
}
.effectsDemoContainer:hover .iceOutTxt {
   color: #318496;
   text-decoration: none;
}
.effectsDemoContainer a:hover{
   text-decoration: none;
}

/* DATA PAGINATOR panel */
.dataPaginatorDataTable {
   float: left;
   margin-top: 20px;
}

.dataPaginatorVertical_true {

}

.dataPaginatorVertical_false {
   clear: left;
}

/* END DATA PAGINATOR panel */



/* main styles for individual component panels */

.synopsisBox > span:first-child,
div.firstChildTitle > span:first-child,
div.firstChildTitle > div > span:first-child {
   font-weight: bold;
}

.title {
   color: yellow;
}

.panelBox a, .synopsisBox a, .panelBox a:visited, .synopsisBox a:visited,
.panelBox a:hover, .synopsisBox a:hover {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
}

.panelBox a, .synopsisBox a, .panelBox a:visited, .synopsisBox a:visited {
   text-decoration: none;
}

.panelBox a:hover, .synopsisBox a:hover {
   text-decoration: underline;
}

.panelBox .iceMnuItm a:hover {
   text-decoration: none;
}

.centerBox {
   margin-right: auto;
   margin-left: auto;
}


table.verticalAlignTop td {
   vertical-align: top;
}
div.verticalAlignMdl{
   vertical-align: middle;
}

/* connection status style for tabbed template */
.navConnectionStatus {
   left:900px;
   position:relative;
   top:33px;
}


/* left navigation panel collapsible, is not effected by theme changes.  */
.navPnlClpsbl, .navPnlClpsblColpsd {
   border-bottom: none;
}

.navPnlClpsblCnt .navPnlClpsbl {
   border: none;
}

.navPnlClpsblHdr {
   font: 11px tahoma;
   color: #484848;
   padding: 6px 0 0 8px;
   font-weight: bold;
   height: 20px;
   background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
   border-bottom: 1px solid #d9d9d9;
}

.navPnlClpsblHdr .iceCmdLnk, .navPnlClpsblColpsdHdr .iceCmdLnk {
   padding-left: 22px;
}

.navPnlClpsblHdr .icePnlGrp a {
   font-weight: bold;
}

.navPnlClpsblCnt {
   font: 11px / 17px tahoma;
   color: #494949;
   background: #f5f5f5;
   padding: 4px 4px 4px 9px;
   border-bottom: none;
}

.navPnlClpsblCnt .navPnlClpsblHdr {
   font: 11px tahoma;
   color: #484848;
   padding: 0 0 0 0;
   font-weight: bold;
   height: 20px;
   border: none;
   margin-top: 8px;
}

.navPnlClpsblCnt .navPnlClpsblHdr .navOutTxt {
   background: none;
}

.navPnlClpsblCnt .navPnlClpsblColpsdHdr {
   font: 11px tahoma;
   color: #484848;
   padding: 0 0 0 0;
   font-weight: bold;
   height: 20px;
   border: none;
   margin-top: 8px;
}

.navPnlClpsblCnt .navPnlClpsblColpsdHdr .iceOutTxt{
   background: none;
}

.navPnlClpsblCnt .navPnlClpsblCnt {
   border-left: none;
   border-right: none;
   padding: 0 0 0 10px;
}

.navPnlClpsblCnt .navPnlClpsblColpsd {
   border: none;
}

.navPnlClpsblColpsdHdr {
   font: 11px tahoma;
   color: #484848;
   padding: 6px 0 0 8px;
   font-weight: bold;
   height: 20px;
   background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
   border-bottom: none;
}

.navPnlClpsblColpsdHdr .iceOutTxt,
.navPnlClpsblHdr .iceOutTxt {
   padding-left: 22px;
   color: #484848;
}

.navPnlClpsblColpsdCnt {
   border: none;
}

.navPnlClpsblHdr, .navPnlClpsblHdr-dis, .navPnlClpsblColpsdHdr, .navPnlClpsblColpsdHdr-dis {
   cursor: pointer;
}

.navPnlClpsblHdr div, .navPnlClpsblHdr-dis div, .navPnlClpsblColpsdHdr div, .navPnlClpsblColpsdHdr-dis div {
   background-repeat: no-repeat;
   background-position: left top;
   height: 18px;
}
/* -------------------------- */
.navPnlClpsbl a, .navPnlClpsblHdr a, .navPnlClpsblColpsdHdr a{
   color: #444444;
}
.navPnlClpsblWrapper {
   margin-top: 20px;
   display: block;
   float: left;
}

.navPnlClpsblLnks .iceOutTxt {
}

.navPnlClpsblLnks span, .navPnlClpsblLnks.nodec, .navPnlClpsblLnks:link,
.navPnlClpsblLnks:hover, .navPnlClpsblLnks:visited {
   color: #004080;
}

.navPnlClpsblLnks:link, .navPnlClpsblLnks:visited {
   text-decoration: none;
}

.navPnlClpsblLnks:hover {
   text-decoration: underline;
}

.navPnlClpsblEnd {
   border-bottom: 1px solid #d9d9d9;
}

.navPnlClpsblHdr .iceCmdLnk, .navPnlClpsblColpsdHdr .iceCmdLnk {
   padding-left: 18px;
}

.navPnlClpsblHdr div, .navPnlClpsblHdr-dis div  {
   background: url( './images/navigation_tree/tree_folder_open.gif' ) no-repeat 0 3px;
}
.navPnlClpsblColpsdHdr div, .navPnlClpsblColpsdHdr-dis div {
   background: url( './images/navigation_tree/tree_folder_closed.gif' ) no-repeat 0 3px;
}
/* end of navigation panel collapsible */


/* AUTOCOMPLETE panel */

.cityCol {
   width: 125px;
}

.stateCol {
   width: 125px;
}

.zipCol {
   width: 50px;
}

.serverFeedbackBorderHighlight {
   vertical-align: top;
   border: 1px solid #CCCCCC;
   padding: 10px;
   width: 300px;
}

.iceSelInpTxtRow, .iceSelInpTxtSelRow {
   height: 15px;
}

.iceSelInpTxtSelRow {
   color: #FFFFFF;
}

/* END AUTOCOMPLETE panel */

/* COLUMNS panel */

.columnsColumn, .columnsNestedColumn, .columnsNestedBoldColumn {
   white-space: nowrap;
   color: #000000;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 3px;
   padding-bottom: 3px;
   text-align: center;
}

.columnsColumn {
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   width: 55px;
}

/* END COLUMNS panel */
 
/* MENUBAR panel */
.iceMnuItm {
    width: 230px;
    border: 1px solid #CCCCCC;

}


.iceMnuBarSubMenu {

  border: 0px solid #CCCCCC;



    padding: 0px 16px 0px 0px;

}
.menuHeadingItem a {
   width: 230px;
}

.orientationLabel {
   display: inline;
   float: left;
}

.orientationRadioBtn label {
   vertical-align: top;
}

/* END MENUBAR panel */

/* MENUPOPUP panel */
.menuPopupEffectsVrtSubMenuInd {
   padding-top: 0px;
}
/* END MENUPOPUP panel */

/* PANELBORDER.JSPX */
.pnlBrdrDemo {
   margin: 15px 15px 0 0;
   display: block;
   float: left;
   padding: 15px;
}

.pnlBrdrDemoNorth, .pnlBrdrDemoEast, .pnlBrdrDemoWest, .pnlBrdrDemoCenter, .pnlBrdrDemoSouth {
   border: 1px solid #CCCCCC;
   background-color: #EEEEEE;
   padding: 5px;
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
}

.pnlBrdrDemoNorth, .pnlBrdrDemoSouth {
   height: 60px;
}
.pnlBrdrDemoEast, .pnlBrdrDemoWest{
   width:100px;
}
.pnlBrdrDemoEast, .pnlBrdrDemoWest, .pnlBrdrDemoCenter {
   height: 100px;
}

/* END PANELBORDER.JSPX */

/* SELECTINPUTDATE.JSPX */
.weekend a {
   background-color: #999999;
}

.weekend a span {
   color: white;
}

.august span {
   font-weight: bold;
}




/* END SELECTINPUTDATE.JSPX */

/* GMAP.JSPX */
.iceGmpMapTd div.gmap {
   /* JMENDOZA | 20140122 | Proy. 817: Se sobreescribe el tamaño del mapa */
   /* 20140122-01 | INICIO */
   /*width: 545px;
   height: 350px;
   border: 3px inset #555555;*/
   width: 1075px;
   height: 600px;
   border: 1px solid #555555;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   /* 20140122-01 | FIN */
}

/* END GMAP.JSPX */

/* PANELPOPUP.JSPX */



.corePopup {
   position: absolute;
   z-index: 1001;
   width: 300px;
   height: 200px;
   top: 60%;
   left: 40%;
}

.corePopupLeyenda {
   position: absolute;
   z-index: 1001;
   width: 220px;
   height: 140px;
   top: 60%;
   left: 40%;
}


.corePopupDetallePedido {
   position: absolute;
   z-index: 1001;
   width: 1000px;
   height:330px;
   top: 60%;
   left: 40%;
}

.corePopupProgramarPedido {
   position: absolute;
   z-index: 1001;
   width: 1000px;
   height:500px;
   top: 60%;
   left: 40%;
}

.corePopupValidarPedido {
   position: absolute;
   z-index: 1001;
   width: 500px;
   height:350px;
   top: 60%;
   left: 40%;
}

.corePopupBuscarClientes {
   position: absolute;
   z-index: 1001;
   width: 850px;
   height: 350px;
   top: 60%;
   left: 40%;
}

.corePopupBuscarObras {
   position: absolute;
   z-index: 1001;
   width: 750px;
   height: 380px;
   top: 60%;
   left: 40%;
}

corePopupEnviarEmail{
   position: absolute;
   z-index: 1001;
   width: 5000px;
   height: 380px;
   top: 60%;
   left: 40%;
}

/* JMENDOZA | 20140130 | Proy. 817: Crea un estilo para el popup del mapa */
/* 20140130-01 | INICIO */
.coreGMapPopup{
   position: absolute !important;
   z-index: 1001;
   width: 1000px ;
   height: 500px ;/*
   top: 10% !important;
   left: 10% !important;*/    
    margin-right: 3px;
}
/* 20140130-01 | FIN */


.coreNuevaGuiaPopup {
    position: absolute;
    z-index: 1001;
    width: 1000px;
    height: 600px;
    top: 60%;
    left: 40%;
}

.coreBuscarArticulosPopup{
    position: absolute;
    z-index: 1001;
    width: 850px;
    height: 350px;
    top: 60%;
    left: 40%;
}

.LimiteAprobacionPopup {
   position: absolute;
   z-index: 1001;
   width: 400px;
   height: 250px;
   top: 60%;
   left: 40%;
}

.popupBody {
   margin-top: 25px;
   width: 100%;
   text-align: center;
   vertical-align: middle;
}

/* JMENDOZA | 20140130 | Proy. 817: */
.popupBodyGMap {
   
   width: 100% !important;
   text-align: left;
   vertical-align: top;
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
}

.popupHeaderWrapper {
   text-align: center;
   vertical-align: middle;
   width: 100%;
}

.popupHeaderText {
   float: left;
}

.popupHeaderImage {
   float: right;
   margin-top: 2px;
   margin-right: 2px;
}

/* END PANELPOPUP.JSPX */

/* START PANELPOSITIONABLE */

.positionPanelContainer{
   /*border: 1px solid #d9d9d9;    */
}
.rankPanelContainer  span, .rankPanelContainer  span{
   font-weight: normal;
}

.positionPanelContainer div.container{
   background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
   color: #484848;
   padding-left: 5px;
   font-weight: normal;
   width: 125px;
   border: 1px solid #d9d9d9;
}

.positionPanelContainer div.moveLabel{
   background: url( '../images/move_arrows.gif' ) no-repeat center left;
   padding: 6px 0 0 25px;
   height: 20px;
}
.rankPanelContainer div{
   padding: 6px 0 0 5px;
   border: 1px solid white;
   height: 20px;
}


/* END PANELPOSITIONABLE */

/* START PANEL TABSET  */
.tabsetControls div{
   float: left;
   margin-left: 3px;
   vertical-align: middle;
}
.tabsetControls div div{
   float: left;
   margin: 3px;
   vertical-align: middle;
}
/* END PANEL TABSET  */

/* START PANEL STACK  */
.panelStackContainer table.icePnlStk {
   width:100%;
}
.stackpanelPanel table{
   width:100%;
   padding:0;
   margin:0;
   background-color: #F5F5F5;
   border-left: 1px solid #DADADA;
   border-top: 1px solid #DADADA;
}
.stackpanelPanel table td{
   padding: 25px;
   border-right: 1px solid #DADADA;
   border-bottom: 1px solid #DADADA;
}
.stackpanelPanel span{
   font-weight: bold;
}
.stackpanelPanel a span{
   font-weight: normal;
}
/* END PANEL STACK  */
/* START PANEL SERIES  */
.panelSeriesContainer .employeeBox{
   width:200px;
   border: 1px solid #DADADA;
   /*padding: 10px;*/
   margin: 5px;
   float: left;
}
.panelBox.panelSeriesContainer {
   width: 1024px;
}
/* END PANEL SERIES  */
/* START PANEL TOOLTIP  */
.panelToolTipInvnItem{
   float:left;
   margin: 8px;
   border: 1px solid #DADADA;
   text-align: center;
}
/* END PANEL TOOLTIP  */

/* START OUTPUT PROGRESS */
.uploadProgressBar .iceOutProg, .uploadProgressBar .iceOutProgBg, .uploadProgressBar {
   width: 350px;
}
/* END OUTPUT PROGRESS */

/* START CONNECTION STATUS   */
.connectionStatusGraphics{
   width:100%;
}
.connectionStatusGraphics span{
   font-weight:bold;
}
.connectionStatusGraphics td{
   text-align: center;
   vertical-align: middle;

}
/* END CONNECTION STATUS   */

/* START TREE */
.selectedNodetrue span{
   font-weight:bold;
}
.iceTree a:hover .iceOutTxt {
   color: #318496;
}
/* END TREE */

/* Chart panel */
.chartConfigurationContainer div.firstChildTitle > label:first-child{
   margin-bottom: 5px;
   display:block;
}
/* end chart panel*/

/* media panel */
.mediaSelection {

}
.mediaSelection  table{
   width: 250px;
}

/* end media exmaple*/

.pnlGrdClassShort {
   width:20px;
   text-align:left;
   vertical-align:top;
}
.pnlGrdClass {
   width:200px;
   text-align:left;
   vertical-align:top;
}
.pnlGrdClassRight {
   width:150px;
   text-align:right;
   vertical-align:top;
}
.pnlGrdClassLong {
   width:400px;
   text-align:left;
   vertical-align:top;
}


/* LAYAOUT */
.splashContainer{
   height:432px;
   margin-top:33px;
   width:681px;
}
.buttonsAndLinksContainer{
   width:500px;
}
.textEntryContainer{
   width:500px;
}
.selectionContainer{
   width:500px;
}
.selectInputTextContainer{
   width:500px;
}
.selectInputDateContainer{
   width:475px;
}
.chartsContainer{
   width:635px;
}
.gmapContainer {
   width: 550px;
}
.outputConnectionStatusContainer{
   width:500px;
}
.dragDropContainer{
   width:500px;
}
.effectsContainer{
   width:500px;
}
.inputFileContainer{
   width:500px;
}
.outputMediaContainer{
   width:500px;
}
.outputProgressContainer{
   width:625px;
}
.menuBarContainer{
   width:500px;
}
.menuPopupContainer{
   width:500px;
}
.inputRichTextContainer{
   width:600px;
}
.dataScrollingContainer{
   width:500px;
}
.commandSortHeaderContainer{
   width:500px;
}
.rowSelectorContainer{
   width:500px;
}
.columnsTableContainer{
   width:500px;
}
.expandableTableContainer{
   width:500px;
}
.groupingContainer{
   width:500px;
}
.resizableContainer{
   width:500px;
}

.panelBorderContainer{
   width:500px;
}
.panelCollapsible{
   width:500px;
}
.panelTabSetContainer{
   width: 610px;
}
.panelPopupContainer{
   width:600px;
}
.panelPopuppanelContainer{
   width:250px;
}
.panelPositionedContainer{
   width:500px;
}
.panelDividerContainer{
   width:500px;
}
.panelSeriesContainer{
   width:500px;
}
.panelStackContainer{
   width:600px;
}
.panelToolTipContainer{
   width:500px;
}


/* JMENDOZA | 20140108 | Proy. 817: Estilo del panel series para pedidos y su contenido */
/* 20140108-01 | INICIO */
.panelSerieCS {
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
   background: #FFFFFF !important; 
   width: 935px !important;
   /*width: 1000px;*/
}

.panelSerieCS2 {
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
   background: #FFFFFF; 
   width: 30px !important;
   /*border: 1px solid #000000;*/
   /*width: 1000px;*/
}

.btngmap{
    
    background-image: url(../images/internet.png)!important;
    background:transparent;
    /*background-position: left top;
    background: #FFFFFF; */
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;
}

.btndetdespa{
    
    background-image: url(../images/list-bullet.png)!important;
    background:transparent;
    /*background-position: left top;
    background: #FFFFFF; */
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;
}


.psg1 {
   background: #FFFFFF !important; 
   width: 110px !important;
    border: 1px solid #000000 !important;
}

.psg2 {
   background: #FFFFFF !important; 
   width: 360px !important;
    border: 1px solid #000000 !important;
}

.psg3 {
   background: #FFFFFF !important; 
   width: 165px !important;
    border: 1px solid #000000 !important;
}

.psg4 {
   background: #FFFFFF !important; 
   width: 250px !important;
    border: 1px solid #000000 !important;
}

.panelSerieContenedor1 {
   padding: 5px 0px 10px 0px;
   /*margin: 5px 10px 1px 10px;*/
   background: #F3F3F3; 
   width: 1024px;
}

.panelSerieContenedor2 {
   padding: 5px 2px 1px 2px !important;
   margin: 5px 2px 1px 2px !important;
   background: #FFFFFF !important; 
   width: 1000px !important;
   border: 1px solid #E8E8E8 !important; 
   border-radius:3px !important; 
   -moz-border-radius:3px !important; 
   -webkit-border-radius:3px !important;
}

.panelSerieCSTitle
{
	font-size: 11px;
	color: #0A195C;
	font-weight: bold;
	text-align: left;
}

.panelSerieCSTextLeft
{
	font-size: 11px;
	color: #0A195C;
	text-align: left;
}

.panelSerieCSTextRight
{
	font-size: 11px;
	color: #0A195C;
	text-align: right;
}

.panelSerieCSGuia {
   border: 1px solid #000000;
}

.panelGridcCol1{
    width:110px !important;
    /*border: 1px solid #000000 !important;*/
    vertical-align: top !important;
    padding: 1px 6px 5px 4px !important;
}

.panelGridcCol2{
    width:360px !important;
    /*border: 1px solid #000000 !important;*/
    vertical-align: top !important;
    padding: 1px 6px 5px 4px !important;
}

.panelGridcCol3{
    width:165px !important;
    /*border: 1px solid #000000 !important;*/
    vertical-align: top !important;
    padding: 1px 6px 5px 4px !important;
}

.panelGridcCol4{
    width:250px !important;
    /*border: 1px solid #000000 !important;*/
    vertical-align: top !important;
    padding: 1px 6px 5px 4px !important;
}

.panelGridcCol5{
    width:20px;
    /*border: 1px solid #000000 !important;*/
    vertical-align: top;
    padding: 1px 6px 5px 4px;
}


.panelChartCS {
   margin: 0px;
   padding:0px;
   background: #F3F3F3;  
}

.panelChartCSCol1{
    vertical-align: top;
   margin: 0px;
   padding:0px;
}

.panelChartCSCol2{
    vertical-align: top;
   margin: 0px;
   padding:0px;
}

.panelChartCSCol3{
    vertical-align: top;
   margin: 0px;
   padding:0px;
}

.panelChartCSCol4{
    vertical-align: top;
    margin: 0px;
    padding:0px;    
}


.LeftRightIndentAjuste
{
	color: #0a195c !important;
        margin: 0px 3px 0px 6px !important;
	white-space: nowrap !important;
	text-align: right !important;
        font-weight: bold !important;
         
}
.RightLeftIndentAjuste
{
	margin: 0px 6px 0px 3px;
	white-space: nowrap;
	text-align: left;
        color: #0a195c;
        font-weight: bold;
        
}

div.cuadroprogramado
{
    width:14px; 
    height:14px; 
    background:#FF0000;
    margin: 0px 3px 5px 1px;
}

div.cuadroaobra
{
    width:14px; 
    height:14px; 
    background:#8000FF;
    margin: 0px 3px 5px 1px;
}

div.cuadroenobra
{
    width:14px; 
    height:14px; 
    background:#FFD600;
    margin: 0px 3px 5px 1px;
}

div.cuadrocompletado
{
    width:14px; 
    height:14px; 
    background:#6AA84F;
    margin: 0px 3px 5px 1px;
}

.LeftRightIndentAjuste2
{
	margin: 1px 2px 1px 1px !important;
	white-space: nowrap !important;
	text-align: right !important;
        font-weight: normal !important; 
        font-size: 10px !important;
        color: #0a195c !important;
}

/* 20140108-01 | FIN */


/* JMENDOZA | 20140210 | Proy. 817: */
/* 20140210-01 | INICIO */
.CenterIndentAjuste2
{
	margin: 2px 2px 4px 2px !important;
	white-space: nowrap !important;
	text-align: center !important;
        font-weight: normal !important; 
        font-size: 10px !important;
        color: #0a195c !important;
}

.panelGridcCol3a{
    width:75px !important;
    /*border: 1px solid #000000 !important;*/
    text-align:left !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.panelGridcCol3b{
    width:35px !important;
    /*border: 1px solid #000000 !important;*/
    text-align:right !important;
    padding-right: 3px;
}

.panelGridcCol3c{
    width:25px !important;
    /*border: 1px solid #000000 !important;*/
    text-align:left !important;
}
